Installation & New Project

  • 1. Step

    1. System Requirement

    1. Install node.js and npm.

    2. check the version

    
                  node -v
                  npm -v
                  

    2. Create New project

    
                  npx create-react-app reactproject  
                  

    3. Run the project

    
                  cd reactproject
                  npm start 
                  

    browse http://localhost:3000/ in browser

  • 2. Folder Structure

    1. node_modules: It contains the React library and any other third party libraries needed.

    2. public: It holds the public assets of the application. It contains the index.html

    3. src: It contains the App.css, App.js, App.test.js, index.css, index.js, and serviceWorker.js files.

    4. package.json: It holds various metadata required for the project. It gives information to npm, which allows to identify the project as well as handle the project?s dependencies.